section{height:100px;background-color:#55b8b8;position:relative;}
section img{width:74px;border:6px solid rgba(255,255,255,.4);border-radius:100%;}
section span{border:6px solid rgba(255,255,255,.2);display:inline-block;border-radius:100%;position:absolute;left:50%;top:5%;transform:translate(-50%,0%);}

.my{color:#009696;border-bottom:1px solid #d8d8d8;margin-top:15px;}
.my a{display:block;padding:0 28px 0 10px;}
.my li{width:100%;position:relative;border-top:1px solid #d8d8d8;line-height:44px;}
.my li.blue{padding:0 28px 0 10px;}
.my li:nth-child(odd){background-color:#eee;}
.my li:after{width:10px;height:10px;content:"";border:2px solid #b2dfdf;border-left:none;border-bottom:none;position:absolute;-webkit-transform:rotate(45deg);transform:rotate(45deg);top:50%;right:10px;margin-top:-4px;}


.my-list{margin:0 auto;}
.my-list label{width:84px;line-height:37px;text-align:right;}
.my-list input[type='text'],.my-list input[type="password"]{width:calc(100% - 84px);float:left;border:1px solid #dbdbdb;border-radius:4px;}

.my-bt{line-height:35px;margin:10px 0;
background-image:-webkit-linear-gradient(to top,#035b5b 25%,#009696 90%);
background-image:linear-gradient(to top,#035b5b 25%,#009696 90%);
-webkit-box-shadow:0 1px 5px rgba(0,0,0,.4);box-shadow:0 1px 5px rgba(0,0,0,.4);
}
.my .img-diagram{width:35px;height:35px;text-align:center;border:2px solid #fff;box-shadow:0 0 5px rgba(0,0,0,.1);border-radius:50%;vertical-align:-12px;}

.my-rel label{width:auto;margin:0 5px;}
.my-rel label input{vertical-align:-2px;margin-right:3px;}
.upload{width:calc(100% - 84px);}
.upload img{height:80px;}
.upload .apfile1{width:calc(100% / 2 - 5px);position:relative;}
.upload .apfile1>a{height:80px;border:1px dashed #009696;display:block;font-size:12px;padding-top:50px;background:url(../../images/register.png) no-repeat center 20% / 30px 30px;}
.upload .delete a{width:100%;left:0;position:absolute;bottom:0;padding:5px 0;font-size:12px;background-color:rgba(0,0,0,.5);color:white;}